<template>
   <div class="info-page">
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="ETB信息" name="etb"  size="mini">
        <etb></etb>
      </el-tab-pane>
      <el-tab-pane label="APS HUB信息" name="apsHub"  size="mini">
        <aps-hub></aps-hub>
      </el-tab-pane>
      <el-tab-pane label="Address" name="localAddress"  size="mini">
        <local-address></local-address>
      </el-tab-pane>
       <el-tab-pane label="ExtendPagination" name="ExtendPagination"  size="mini">
        <ExtendPagination></ExtendPagination>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import etb from './etb.vue'
import apsHub from './apsHub.vue'
import localAddress from './localAddress.vue'
import ExtendPagination from '@/components/ExtendPagination.vue'
export default {
  components:{
     etb,apsHub,localAddress,ExtendPagination
  },
 data() {
    return {
      activeTab: 'etb'
    }
  }
}
</script>

<style scoped lang="less">
.info-page {
  padding: 20px;
}
/deep/ .el-tabs__item {
  padding: 0 15px;
  height: 30px;
  box-sizing: border-box;
  line-height: 30px;

  list-style: none;
  font-size: 12px;


}
</style>